$(document).ready(function () {

    //多条件查询
    $(document).off('click', '#btn_search').on('click', '#btn_search', function () {
        //console.log('jj');
        $.ajax({
            url: 'user/search',
            type: 'post',
            data: $('#search_form').serialize(),
            success: function (userform) {
                $('#tbody_user').html(userform);
            }
        })
    })

    //执行删除
    $(document).off('click', '#a_delete').on('click', '#a_delete', function () {
        var val = $(this).data('id');
        //console.log(val);
        layer.open({
            content: '是否要删除该数据？',
            area: ['300px', '300px'],
            btn: ['确定', '取消'],
            btn1: function () {
                //console.log('tt')
                $.ajax({
                    url: 'user/' + val,
                    type: 'delete',
                    success: function (deleteresult) {
                        if (deleteresult == 1) {
                            layer.close(layer.index);
                            initUserData();
                        }
                    }
                });
            },
            btn2: function () {
                return 0;
            }
        });
    });


    //进修改表单
    $(document).off('click', '#a_update').on('click', '#a_update', function () {
        //console.log('EE');
        $.ajax({
            url: 'user/' + $(this).data('id'),
            type: 'post',
            success: function (updateform) {
                layer.open({
                    type: 1,
                    title: '用户修改',
                    area: ['500px', '400px'],
                    content: updateform,
                    success: function (layer, index) {
                        buildUpload();
                        buildBtnUpdate();
                    }
                })
            }
        })
    })

    //向数据库提交要修改的数据，执行修改
    function buildBtnUpdate() {
        $(document).off('click', '#btn_update').on('click', '#btn_update', function () {
            //console.log("sss");
            $.ajax({
                url: 'user/doupdate',
                type: 'post',
                data: $('#update_form').serialize(),
                success: function (doupdate) {
                    if (doupdate == 1) {
                        layer.close(layer.index);
                        initUserData();
                    }
                }
            })
        })
    }

    //绑定进新增按钮事件
    $('#a_add').on('click', function () {
        $.ajax({
            url: 'user/form',
            type: 'get',
            success: function (formHTML) {
                layer.open({
                    type: 1,
                    title: '用户新增',
                    area: ['500px', '300px'],
                    content: formHTML,
                    success: function (layer, index) {//弹窗后的回调
                        //alert(index);
                        buildUpload();
                        //绑定提交
                        buildBtnAdd();
                    }
                })
            }
        })
    });

    //执行文件上产的函数
    function buildUpload() {
        //绑定ajax上传文件
        $('#userFile').uploadifive({
            'auto': true,//是否自动上传
            'fileObjName': 'userFile',//上传的二进制数据的名称
            'buttonText': '用户图像',
            'fileType': 'image/*',//上传文件的类型 image/png,image/jpg,image/gif
            'uploadScript': 'user/upload',//上传的URL
            'onUploadComplete': function (file, data) {//上传成功后的回调
                //console.log(data);
                $('#userHead').val(data);
            },
        });
    }

    //给新增表单的提交按钮的绑定执行新增到数据库的请求
    function buildBtnAdd() {
        $(document).off('click', '#btn_add').on('click', '#btn_add', function () {
            $.ajax({
                type: 'post',
                url: 'user/doadd',
                data: $('#add_form').serialize(),
                success: function (result) {
                    if (result) {
                        //关闭弹层
                        layer.close(layer.index);
                        //加载列表数据
                        initUserData();
                    }
                }
            })
            return false;
        })
    }

    //页面加载完成后直接进行加载数据
    initUserData();

    //加载所有用户数据
    function initUserData() {
        $.ajax({
            url: 'user/list',
            type: 'get',
            success: function (userlist) {
                $('#tbody_user').html(userlist);
            }
        })
    }

})